<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="lib/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="lib/alicon/iconfont.css">
    <link rel="stylesheet" href="css/about.css">
    <title>关于我们</title>
</head>

<body>
    <!-- 导航栏 -->
    <nav class="navbar navbar-default">
        <div class="container niu-nav">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                    data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="#">
                    <img src="images/1.jpg" alt="" height="100%">
                </a>
            </div>

            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav navbar-right">
                    <li><a href="#" class="active">首页</a></li>
                    <li><a href="#">解决方案</a></li>
                    <li><a href="#">资讯中心</a></li>
                    <li><a href="#">案例展示</a></li>
                    <li><a href="#">了解牛牛豆</a></li>
                </ul>
            </div><!-- /.navbar-collapse -->
        </div><!-- /.container-fluid -->
    </nav>
    <!-- 轮播图 -->
    <div class="container-fluid banner">
        <div class="container">
            <div id="mybanner" class="carousel slide" data-ride="carousel">
                <!-- Indicators -->
                <ol class="carousel-indicators hidden-xs">
                    <li data-target="#mybanner" data-slide-to="0" class="active"></li>
                    <li data-target="#mybanner" data-slide-to="1"></li>
                    <li data-target="#mybanner" data-slide-to="2"></li>
                </ol>
                <!-- Wrapper for slides -->
                <div class="carousel-inner" role="listbox">
                    <div class="item active">
                        <img src="images/2.jpg" alt="...">
                        <div class="carousel-caption">
                            <div class="visible-lg banbtn">
                                Learn more
                            </div>
                        </div>
                    </div>
                    <div class="item">
                        <img src="images/2.jpg" alt="...">
                        <div class="carousel-caption">
                            <div class="visible-lg banbtn">
                                Learn more
                            </div>
                        </div>
                    </div>
                    <div class="item">
                        <img src="images/2.jpg" alt="...">
                        <div class="carousel-caption">
                            <div class="visible-lg banbtn">
                                Learn more
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 公司简介 -->
    <div class="container company">
        <div class="row">
            <div class="col-sm-6">
                <img src="images/img1.png" alt="">
            </div>
            <div class="col-sm-6">
                <h3>公司简介</h3>
                <h4>Company introduction</h4>
                <p>文豆，是一家提供互联网服务的高科技集团公司，集策划、设计、前端优化、研发、测试、系统运维、网站推广、运营、团队外包及互联网人才培养为一体的成熟业务体系。总部位于广州市客村立交财智大厦28楼。</p>
            </div>
        </div>
    </div>
    <!-- 运营理念  -->
    <div class="container-fluid idea">
        <div class="row">
            <div class="container">
                <div class="row">
                    <div class="col-sm-6">
                        <h3>公司的运营理念</h3>
                        <h4>Company operation idea</h4>
                        <p>携手共进，共赢天下。以结果为导向，树立好工作目标，监督过程，实现理想效果。打造一流的团队，创造一流的服务，成为一流的行业标志。
                        </p>
                    </div>
                    <div class="col-sm-6">
                        <img src="images/img2.png" width="320px" alt="" class="pull-right">
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 业务范围 -->
    <div class="container range">
        <div class="row">
            <div class="col-sm-6">
                <img src="images/img3.png" width="320px" alt="">
            </div>
            <div class="col-sm-6">
                <h3>公司简介</h3>
                <h4>company introduction</h4>
                <p>文豆，是一家提供互联网服务的高科技集团公司，集策划、设计、前端优化、研发、测试、系统运维、网站推广、运营、团队外包及互联网人才培养为一体的成熟业务体系。总部位于广州市客村立交财智大厦28楼。</p>
            </div>
        </div>
    </div>
    <!-- 职业发展 -->
    <div class="container-fluid job">
        <div class="row">
            <div class="container">
                <div class="row">
                    <div class="col-sm-6">
                        <h3>员工职业发展</h3>
                        <h4>Career Development</h4>
                        <p>我们非常清楚职业发展计划对于每个员工的重要性。公司对人员的要求，更加看重心态，只要愿意成为文豆的一份子，公司都会让员工充分展示自己，发挥他们的潜力、才干和热情，在文豆走向职业的成功。
                        </p>
                    </div>
                    <div class="col-sm-6">
                        <img src="images/img4.png" width="320px" alt=""  class="pull-right">
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 图标 -->
    <div class="container icon">
        <div class="row">
            <div class="col-xs-4 icon-con">

                <span class="iconfont icon-yonghu ic hidden-xs"></span>
                <h4 class="text-center">使命感</h4>
                <p class="text-center">让每一个IT人，都有一个不一样的人生
                </p>

            </div>
            <div class="col-xs-4 icon-con">
                <span class="iconfont icon-zuanshi ic hidden-xs"></span>
                <h4 class="text-center">价值观</h4>
                <p class="text-center">负责任，诚信
                </p>
            </div>
            <div class="col-xs-4 icon-con">
                <span class="iconfont icon-jiangzhang ic hidden-xs"></span>
                <h4 class="text-center">愿景</h4>
                <p class="text-center">打造全球最棒的IT服务平台
                </p>
            </div>
        </div>
    </div>
    <!-- 页脚 -->
    <div class="container-fluid footer">
        <div class="row">
            <div class="container ">
                <div class="hidden-xs hidden-sm col-md-3 foot-img">
                    <img src="images/18.jpg" alt="">
                </div>
                <div class="col-xs-12 col-md-8 col-sm-offset-1 foot-text">
                    <div class="row">
                        <div class="hidden-xs col-sm-2">解决方案</div>
                        <div class="hidden-xs col-sm-2">资讯中心</div>
                        <div class="hidden-xs col-sm-2">案例展示</div>
                        <div class="hidden-xs col-sm-2">了解牛牛豆</div>
                    </div>
                    <div class="row">
                        <div class="col-sm-12">广州市海珠区广州大道南448号财智大厦28楼</div>
                        <div class="col-sm-12">广州牛牛豆网络科技有限公司版权所有 Copyright 2009-2015 ,All Rights Reserved wengdo</div>
                    </div>
                    <div class="row">
                        <div class="col-sm-8">
                            粤ICP备12022584号-3 法律顾问：广东晟晨律师事务所-张勇律师
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>
<script src="js/jquery-3.4.1.min.js"></script>
<script src="lib/bootstrap/js/bootstrap.min.js"></script>

</html>